/*****************************************************************************
*   STYLING HEADER CHECKOUT
******************************************************************************/

.cbody{background: #FFF;padding-bottom: 30px}
.cbody #logo{
    background: url("../img/logo_checkout.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    margin: 10px 0;
    width: 230px;
}
.cbody .container{
    width: 890px;
    position: relative
}
.cbody #header {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 43px;
    padding: 7.5px 0;
    background: #F5F5F5
}
.cbody #header #infoline{
    font-size: 17px;
    margin-top: 16px
}
/*****************************************************************************
*   STYLING STEPS
******************************************************************************/

#steps{
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 #CCCCCC;
    font-weight: bold;
    margin-top: -71px;
    padding: 3px;
    position: absolute;
    right: 0
}
#steps li{
    float: left;
    padding: 8px;
}
#steps li span:first-child {
    display: inline-block;
    float: right;
    font-size: 1.1em;
    padding: 4px 6px 8px;
    text-transform: capitalize;
    font-family: 'Lato'
}
.body_ru #steps li span:first-child{
    font-family: Arial;
}
#steps li span:last-child {
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    height: 14px;
    padding: 7px;
    text-align: center;
    width: 14px;
    line-height: 13px;
    font-family: 'Lato'
}
#steps li.done span:last-child {
    background: none repeat scroll 0 0 #55AE4A;
}
#steps li.active span:last-child {
    background: none repeat scroll 0 0 #FF9900;
}
#steps li.inactive span:last-child {
    background: none repeat scroll 0 0 #D0D0D0;
}
/*****************************************************************************
*   STYLING PAYMENT INSURANCE
******************************************************************************/
#payment_insurance{
    float: right;
    width: 260px;
    font-size: 13px
}
.payment {
    background-color: #FFEFDB;
    border: 1px solid #FFD19A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    padding: 10px;

}
.check .payment h4{margin-bottom: 5px}
.payment li{padding: 3px 0}
.payment .label-total{float: right;font-weight: bold}
.payment #total {
    color: #5AB010;
    font-size: 1.25em;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
    border-top: 1px solid #FFD19A;
    padding-bottom: 5px;
    margin-top: 3px;
    padding-top: 6px
}
.insurance{margin: 23px 0 0}
.check .insurance h4{margin: 0 0 5px}
.insurance p{line-height: 17px; margin: 0}
.insurance input[type='checkbox']{
    margin: -1px 7px 0 0
}
/*****************************************************************************
*   STYLING SUMMARY
******************************************************************************/
.cbody .inner_prices{padding: 1px 15px 10px}
.check .sec{ 
    border-right: 1px solid #DADADA;
    float: left;
    width: 615px;
}
#summary img{float: left;border-radius: 5px; max-width: 157px;}

#summary ul li.change{
    /*float: right;*/
    /*margin-top: -21px;*/
}

.check h4{font-size: 14px;margin: 0; line-height: 16px}
#summary ul{float: left; margin: 0 0 0 13px}
#summary ul li {line-height: 21px; font-size: 13px}
#summary ul li.section {}
#summary ul li span{font-weight: bold}
.check .hold_booknow{
    float: left;
    width: 615px;
    margin: 23px 0 23px
}
.check .hold_booknow .booknow{
    padding: 10px 23px 11px;
}
.check .secp{
    padding: 15px 15px 15px 7px;
    border-bottom: 1px solid #dadada
}
.check .secp:first-child{padding-top: 0; padding-left: 0}
.cbody form{margin-bottom: 0}


.check #pbCC h4,
.check #payment_method h4,
.check #passenger h4{
    margin-bottom: 13px
}

.cbody .form-horizontal .controls {
    margin-left: 110px;
}
.cbody .form-horizontal .control-label{
    width: 103px;
    font-size: 13px;
    text-align: left
}
#changedates_body .form-horizontal .control-label{
    width: 113px;
}
.cbody .form-horizontal select,
.cbody .form-horizontal input[type="text"],
.cbody .form-horizontal input[type="radio"],
.cbody .form-horizontal input[type="checkbox"],
.cbody .form-horizontal,
.cbody .form-horizontal .control-label,
.cbody .tabdiv label,
.cbody #prices_tab li
{
    font-size: 13px;
}

.cbody .form-horizontal select{
    height: 26px;
    line-height: 286px;
    margin-top: 2px;
    padding: 3px 4px 3px 5px;
}
.cbody .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
    padding: 3px 4px 3px 5px;
}
.cbody .form-horizontal select{width: 155px;}
#changedates_body .form-horizontal select{width: 65px;}
.cbody .form-horizontal input[type="text"],
.cbody .form-horizontal input[type="email"]
{width: 142px}

.cbody textarea, .cbody input[type="text"], .cbody input[type="email"]{
    height: 16px;
    margin-top: 2px
}
.cbody .control-group{margin-bottom: 7px}
.cbody input[type="radio"],
.cbody input[type="checkbox"]
{margin: 0 5px 0 0}

.check #terms {padding-left: 20px}

.cbody .form-horizontal .inner_prices li{
    margin: 5px 0
}
.cbody .dates .ui-datepicker-trigger{
    right: 1px;
}
/*****************************************************************************
*   STYLING CHANGE DATES
******************************************************************************/

.check .tabdiv .oneborder {
    width: 100%;
}
.check .tabdiv {
    padding: 0 0 0 0 !important;
    border: 0 !important
}
.check .tabdiv .oneborder .form_prices{border-radius: 0; box-shadow: none; margin-bottom: 0}
.check .tabdiv .oneborder #calculation{
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    margin-bottom: 0;
}
.check .tabdiv .oneborder .persons {
    border-left: 1px solid #DADADA;
}
#changedates_body .form_prices{
    margin-left: -7px;
    padding-left: 7px;
    padding-top: 15px;
}
#changedates_body .form-horizontal .persons {
    width: 304px;
}
#changedates_body .inner_prices {
    padding: 0 15px 9px 10px;
}
#changedates_body .persons h4{
    /*padding-left: 7px*/
}
#changedates_body .persons .inner_prices {
    padding: 0 15px 9px 19px;
}
#changedates_body .checkbox {
    padding-left: 0;
}
#confirmation_body h1{font-size: 2em; margin:0.67em 0}
#confirmation_body p{line-height: 1.4}

input.error, select.error{
    border:1px solid #DD0000 !important; 
    transition: none !important; 
    background: url(../img/error-bg.png) no-repeat right center transparent
}
input#birth_date.error{
    background: url(../img/error-bg-clean.png) no-repeat right center transparent
}

#payment_method{position: relative}

#payment_method em.error{
    display: inline  !important;
    position: absolute;
    bottom: 5px;
    font-weight: bold;
    color: #dd0000;
    font-style: normal
}

#terms em.error{display:  block !important; font-style: normal; font-weight: bold; color: #DD0000; float: right; padding-right: 23px}



input.hidden{display: none}

select, input[type="file"] {
    height: 29px;
    line-height: 29px;
}

/*select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    padding: 3px 6px;
    height: 21px;
}*/

.cbody .container {
    position: relative;
    /*min-width: 890px !important;*/
}

.cal_border_top{
    border-top: 1px solid #DADADA
}
.cbody .clatopborder{
    border-top: 1px solid #DADADA
}
.label_checkout_ru{
    line-height: 16px;
    margin-bottom: -2px;
    padding-top: 0 !important;
}
#payment_method div.half.pull-left:first-child{
    width: 299px;
}
#payment_method div.half.pull-left:last-child{
    width: 270px;
}

#payment_insurance .payment .tax{
    padding: 10px 0 3px 0

}
#payment_insurance .payment ul{
    margin: 10px 0 0
}
#payment_insurance .payment ul li{
    line-height: 17px
}

#reservation_body #notice{
    height: 150px;
    max-width: 442px;
    min-height: 150px;
    padding: 5px;
    width: 98%;
}

.secp h4.mb13{
    margin-bottom: 13px
}

#changedatesExc_body .oneborder .form-horizontal .persons{
    height: 188px;
}

#summary .trans_summary{
    margin-left: 25px
}

#return_transfer{
    margin-top: 8px
}


.transfer_sec .ui-datepicker-trigger {
    margin-top: 1px;
}

.service_total.transfer-total-price{margin-left: 7px}

#payment_insurance em{
    font-style: normal;
}